@charset "utf-8";

/* generic */
.tip { border-bottom: 1px dotted #6a5336; cursor: help; }
a.tip { cursor: pointer; }

/* profile layout */
.profile-wrapper { color: #c09a67; }
.profile-sidebar-anchor { float: left; width: 0; height: 0; position: relative; }
.profile-sidebar-outer { position: absolute; left: 0; top: 0; }
.profile-sidebar-inner { width: 230px; height: 684px; background: url("../images/profile/sidebar-bg.jpg") no-repeat; }
.profile-contents { margin-left: 230px; min-height: 807px; padding-bottom: 40px; }
.profile-section-header { padding: 10px 15px; }
.profile-section-header .category { font-size: 26px; }
.profile-section { background: url("../images/profile/section-bg.png") no-repeat; padding: 15px; min-height: 400px; }

	/* sidebar menu */
	ul.profile-sidebar-menu { width: 196px; margin: 14px 0 0 25px; padding-bottom: 1px; background: url("../images/profile/sidebar-menu-sep.gif") left bottom no-repeat; font-size:13px; }
	ul.profile-sidebar-menu li { padding-top: 1px; background: url("../images/profile/sidebar-menu-sep.gif") left top no-repeat; white-space: nowrap; }
	ul.profile-sidebar-menu a { display: block; padding-left: 3px; }
	ul.profile-sidebar-menu a span { display: block; line-height: 30px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; }
	ul.profile-sidebar-menu a.has-submenu span { background: url("../images/profile/sidebar-menu-arrows.png") right 9px no-repeat; }
	ul.profile-sidebar-menu a.has-submenu:hover span { background-position: right -41px; }
	ul.profile-sidebar-menu a.back-to span { padding-right: 10px; font-style: normal; vertical-align: middle; background: url("../images/profile/sidebar-menu-arrows.png") 2px -91px no-repeat; padding-left: 18px; }
	ul.profile-sidebar-menu a.back-to:hover span { background-position: 2px -141px; }
	ul.profile-sidebar-menu a:hover { background-color: rgba(0, 0, 0, 0.33333); }

	ul.profile-sidebar-menu li.active a { color: white; font-weight: bold; }
	ul.profile-sidebar-menu li.active a:hover { background: none; }
	ul.profile-sidebar-menu li.active a.has-submenu:hover span { background-position: right 9px; }

	/* sidebar links */
	ul.profile-sidebar-links { margin: 30px 0 0 25px; white-space: nowrap; }
	ul.profile-sidebar-links li { font-size: 11px; line-height: 28px; }
	ul.profile-sidebar-links a { color: #e75a00; padding: 5px 0; }
	ul.profile-sidebar-links a:hover { color: white !important; }

/* view options */
ul.profile-view-options { font-size: 12px; float: right; white-space: nowrap; }
ul.profile-view-options li { float: right; margin: 0 0 0 17px; }
ul.profile-view-options a { display: block; padding: 4px 0 4px 19px; line-height: 16px; background: url("../images/icons/view-options.png") no-repeat 0 center; }
ul.profile-view-options li.current a { color: white; font-weight: bold; }
ul.profile-view-options a.disabled { color: #595959; }
ul.profile-view-options a.tabular { background-position: -150px center; }
ul.profile-view-options a.advanced { background-position: 0 center; }
ul.profile-view-options a.has-icon { background: none; padding-left: 0; line-height: 16px; }
ul.profile-view-options .icon { float: left; margin-right: 4px; }
ul.profile-view-options a.tip { cursor: help; border-bottom: 0; }
.profile-section-header ul.profile-view-options { padding-top: 12px; }

/* boxes */
.profile-box-full { border-top: 2px solid #46230e; background-color: rgba(0, 0, 0, 0.15); padding: 20px 30px; margin-top: 5px; }
.profile-box-simple { border-top: 2px solid #46230e; padding: 11px 0 11px; margin-top: 5px; }

/* character-specific stuff */

	/* portrait */
	.profile-sidebar-character-portrait { background: no-repeat; min-height: 210px; }

	/* model */
	a.profile-sidebar-character-model { display: block; height: 116px; background: no-repeat left bottom; position: relative; }
	a.profile-sidebar-character-model .fade  { position: absolute; width: 230px; height: 20px;  left: 0; bottom: 0; background: url("../images/character/model-fade.png") no-repeat center bottom; }
	a.profile-sidebar-character-model .hover { position: absolute; width: 230px; height: 116px; left: 0; top: 0; background: url("../images/character/model-hover.png") no-repeat 0 -500px; opacity: 0; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
	a.profile-sidebar-character-model:hover .hover { opacity: 1; }

	/* basic info  */
	.profile-sidebar-character-info { margin-left: 25px; margin-top: 10px; line-height: normal; letter-spacing: -0.05em; white-space: nowrap; overflow: hidden; }
	.profile-sidebar-character-info .name { font-size: 22px; font-weight: bold; color: white; line-height: 1.1em; }
	.profile-sidebar-character-info .name a { color: white; }
	.profile-sidebar-character-info .level-race-class { font-size: 12px; text-transform: uppercase; }
	.profile-sidebar-character-info .level-race-class .level { font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: bold; }
	.profile-sidebar-character-info .guild { margin-top: 2px; }
	.profile-sidebar-character-info .guild a { font-size: 14px; font-weight: normal; }
	.profile-sidebar-character-info .guild a:hover { color: white; }
	.profile-sidebar-character-info .realm { margin-top: 3px; text-transform: uppercase; font-weight: normal; font-size: 10px; letter-spacing: -.025em; }
	.profile-sidebar-character-info .realm .tip { border-bottom: 0; }
	.profile-sidebar-character-info .achievements { margin-top: 5px; }
	.profile-sidebar-character-info .achievements a { font-size: 14px; font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: bold; color: white; padding-left: 17px; background: url("../images/icons/achievements.gif") left center no-repeat; }

	/* basic info (summary) */
	.profile-info-anchor { position: relative; height: 210px; background: no-repeat; z-index: 1; }
	.profile-info-anchor, .profile-info { width: 700px; }
	.profile-info, .profile-guild-info  { position: absolute; left: 25px; top: 45px; line-height: normal; letter-spacing: -0.05em; }
	.profile-info .name,
	.profile-guild-info .name { float: left; font-size: 56px; font-weight: bold; color: white; line-height: 1.1em; position: relative; left: -3px; letter-spacing: -0.05em; }
	.profile-info .name a { color: white; }
	.profile-info .title-guild { float: left; padding-left: 11px; padding-top: 10px; }
	.profile-info .title-guild .title { font-size: 14px; color: #e0e0e0; line-height: 25px; }
	.profile-info .title-guild .guild { line-height: 15px;}
	.profile-info .title-guild .guild a { font-size: 20px; }
	.profile-info .level-race-spec-class { margin-top: 0px; font-size: 14px; text-transform: uppercase; font-weight: normal; line-height: 14px; }
	.profile-info .level-race-spec-class .level { font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: normal; font-size: 14px; }
	.profile-info .level-race-spec-class .realm { letter-spacing: -.025em; cursor: help; border-bottom: 0; }
	.profile-info .achievements, .profile-guild-info .achievements { margin-top: 20px; }
	.profile-info .achievements a, .profile-guild-info .achievements a { font-size: 20px; font-family: 'Arial Black', Arial, sans-serif; font-weight: normal; color: white; padding-left: 10px; background: url("../images/icons/achievements.gif") left 7px no-repeat; line-height: 23px; }

	/* alliance */
	.profile-wrapper-alliance .realm { color: #0078ff; }
	.profile-wrapper-alliance .profile-sidebar-character-portrait { background-image: url("../images/character/sidebar-bg-alliance.gif"); }
	.profile-wrapper-alliance a.profile-sidebar-character-model .hover { background-position: 0 0;  }
	.profile-wrapper-alliance .profile-sidebar-character-info .name a:hover,
	.profile-wrapper-alliance .profile-info .achievements a:hover { text-shadow: 0 0 15px #409aff, 0 0 5px #409aff; }

	/* horde */
	.profile-wrapper-horde .realm { color: #b30000; }
	.profile-wrapper-horde .profile-sidebar-character-portrait { background-image: url("../images/character/sidebar-bg-horde.gif"); }
	.profile-wrapper-horde a.profile-sidebar-character-model .hover { background-position: -230px 0; }
	.profile-wrapper-horde .profile-sidebar-character-info .name a:hover,
	.profile-wrapper-horde .profile-info .achievements a:hover { text-shadow: 0 0 15px #c64040, 0 0 5px #c64040; }

	/* links */
	ul.profile-sidebar-links a.viewposts { padding-left: 28px; background: url("../images/icons/viewposts.gif") no-repeat 3px center; }
	ul.profile-sidebar-links a.wowhead   { padding-left: 28px; background: url("../images/icons/wowhead.png") no-repeat 3px center; }

/* guild-specific stuff */

	/* basic info */
	.profile-guild-info { padding-left: 9px; }
	.profile-guild-info .name { float: none; padding-left: 114px;padding-bottom: 8px;; }
	.profile-guild-info .name a { color: white; }
	.profile-guild-info .title-guild { margin-top: 0; font-size: 14px; text-transform: uppercase; font-weight: normal; line-height: 14px;position:relative;	position: relative;color: #ffcd75; padding-boottom: 	}
	.profile-guild-info .title-guild .title { color: #ffcd75; }
	.profile-guild-info .title-guild .title strong { font-weight: bold;}
	/*.profile-guild-info .title-guild .guild { font-weight: bold;}*/
	.profile-guild-info .members { color: #ffcd75; font-size: 14px; }
	.profile-guild-info .members strong { color: #ffcd75;}
	.profile-guild-info .realm { letter-spacing: 0px;}

	/* tabard display TODO: REWORK */
	#tabard {width: 120px;	height: 126px;	background: url(../images/guild/tabards/dropshadow.png) no-repeat 0 0; position: absolute; left: -2px; position: absolute; top: -31px; }
	#tabard-backplate { position: absolute; width: 100px; height: 108px; top: 9px; 	left: 10px;}
	#tabard-backplate, #tabard-backplate .canvas,
	#tabard-border, #tabard-border .canvas { width: 100px; height: 108px;}
	#tabard-emblem { width: 69px; height: 56px; position: absolute; top: 25px; left: 9px; margin: 0 auto; }
	#tabard-emblem .canvas { width: 69px; height: 56px; }
	#tabard-border { left: 0; position: absolute; top: 0;  }
	#topcloth {	height: 22px; left: -2px; position: absolute; top: -12px; width: 102px; background: url(../images/guild/tabards/topcloth.png) no-repeat 0 0; }

/* recent activity */
.profile-recentactivity a.icon-rss { float: right; width: 12px; height: 27px; margin-top: 2px; }
.activity-feed li { background-repeat: no-repeat; background-position: 5px 50%; border-top: 1px solid #371b0d; position:relative;}
.activity-feed li.first { border-top: 0; }
.activity-feed li strong { color: #FEF092; font-weight: normal;}
.activity-feed dd { display: inline;}
.activity-feed dt { color: #71401f; font-size: 11px; white-space: nowrap; display: inline;}
.activity-feed .frame-18, .activity-feed li .icon { position: absolute; margin-left: -29px; margin-top: -1px;}
.activity-tooltip { min-width: 220px; }
.activity-feed li .icon {width: 21px; height: 21px; display: block; background-position: 50% 50%; background-repeat: no-repeat; }
.activity-feed li.crit .icon { background-image: url(../images/character/achievement/checkmark.gif); background-position: 2px 3px}
.activity-feed li.bosskill .icon { background-image: url(../images/character/achievement/icon-bosskill.gif); background-position: 2px 3px}


/* "read more" links */
a.profile-linktomore { padding-top: 5px; text-align: right; float: right; font-size: 11px; padding: 5px 0; /*padding-right: 14px; background: url("../images/icons/more-arrows.gif") right 7px no-repeat;*/ }
a.profile-linktomore:hover { background-position: right -40px; }

/* event boxes */
.event-summary { color: #ffb100; padding: 8px 8px 8px 8px; margin: 5px 0 0 0; line-height: 1.25; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.event-summary.continued-event { display: inline; padding: 0; }
li.event-summary:hover { background: #2b1507; }
.event-summary.continued-event:hover { background: none; color: #fef092; }
.event-summary.selected-event { background: #471e0d; }
.event-summary.continued-event.selected-event { background: none; color: #fff; }
.event-summary .name { font-size: 14px; margin: 0; font-weight: normal;; }
.event-summary.continued-event .name { font-size: 11px; display: inline; width: auto; }
.event-summary .time { color: #E9BD7F; font-size: 11px; margin: 0; }
.event-summary .attendees { color: #8e4328; font-size: 11px; margin: 0; }
.event-summary .icon { display: block; width: 28px; height: 28px; overflow: hidden; background: #7e3406; position: absolute; left: 8px; top: 8px; text-indent: -9999px; }
.event-summary .status { position: absolute; top: 8px; right: 8px; text-align: right; }

/* progress bar */
.profile-progress { color: #fff; background-color: #542b19; width: 100%; margin: 5px auto 10px; text-align: center; height: 22px; position: relative; }
.profile-progress .bar { background: url(../images/character/achievement/bg-progressbar-fill.gif) repeat-x 0 0; display: block; height: 22px; position: absolute; -moz-border-radius-bottomright: 0; -webkit-border-top-right-radius: 0; border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; border-radius-topright: 0; }
.profile-progress.completed .bar { -moz-border-radius: inherit; -webkit-border-radius: inherit; border-radius: inherit;  }
.profile-progress .bar-contents { position: relative; top: 0; font-size: 12px; line-height: 25px; }

/* dynamic menu styles */
.swipe-container,
#profile-sidebar-menu ul,
.profile-sidebar-menu .root-menu,
.swipe-container .profile-sidebar-menu ul ul { display: none; }
.swipe-container .root-menu { display: block; }
.swipe-container ul ul { margin-left: 10px; }

